/* Globální styl pro všechna tlačítka "Do košíku" v katalogu */
.add-to-cart-button {
  display: inline-flex;            /* ikona + text vedle sebe */
  align-items: center;             /* vertikální centrování */
  justify-content: center;         /* horizontální centrování */
  gap: 0.5rem;                     /* mezera mezi ikonou a textem */
  padding: 0.75rem 1rem;           /* padding kolem textu */
  border-radius: 12px;             /* zaoblené rohy */
  border: none;                    /* žádný rámeček */
  background-color: #000;          /* černé tlačítko */
  color: white;                    /* bílý text */
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

/* Hover efekt */
.add-to-cart-button:hover {
  background-color: #222;
  transform: translateY(-2px);
}

/* ---------- Detail produktu ---------- */
/* Přidání vlastní PNG ikony a skrytí defaultního SVG jen v detailu produktu */
.p-to-cart-block .add-to-cart-button.btn-conversion::before {
  content: "";
  display: inline-block;
  width: 20px;                     /* šířka ikony */
  height: 20px;                    /* výška ikony */
  margin-right: 0.5rem;            /* mezera mezi ikonou a textem */
  background-image: url('https://www.frankovapetra.cz/user/documents/upload/kosik.png'); /* tvá ikona */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Skrytí defaultní Shoptet SVG jen v detailu produktu */
.p-to-cart-block .add-to-cart-button.btn-conversion svg {
  display: none;
}

/* Zajištění, aby text zůstal vedle ikony */
.add-to-cart-button span,
.add-to-cart-button .text {
  display: inline-block;
}

/* Globální vlastní ikonka pro katalog / náhledy produktů */
.add-to-cart-button::before {
  content: "";
  display: inline-block;
  width: 20px;                     
  height: 20px;                    
  margin-right: 0.5rem;            
  background-image: url('https://www.frankovapetra.cz/user/documents/upload/kosik.png'); /* vaše ikona */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}